/* 
	Theme Name: iHao
	Theme URL: http://ihao.net/
	Version: 1.2
	Author: iHao
	Author URI: http://ihao.net/
	Description: iHao 1.2 is an simple theme for Habari.
*/

/* +++++++++++++++++++++++++++++++ LAYOUT +++++++++++++++++++++++++

++ main */

body{ margin: 0 auto; padding: 0; text-align: center; }
textarea { overflow: hidden; }
html, img { text-align: center; padding: 0; margin: 0;}
div, dl, dt, dd, ul, ol, lo,h1, h2, h3, h4, h5, h6,form,input { margin: 0; padding: 0; }
ul { list-style: none; }
p { margin: 10px 0; padding: 0 15px; }
.addbar { clear: both; float: left; padding: 10px 0; width: 100%; }
textarea { width: 500px; }
.addbar .posts { float: left; width: 728px; }
.addbar img { display: block; }
.alignleft { float: left }
.alignright { float: right; }
#clear { clear: both; }

#wrapper { margin: 0 auto; padding: 0; text-align: left; width: 975px; }


/* header */

#header { float: left; width: 100%; }
#header form { float: right; padding: 5px 0; margin:0;width: 220px; }
#header form input.submitbutton { margin: 0 0 0 5px; }
#header form input.textfield { width: 150px; }
#header p { margin: 0 0 0 15px; padding: 5px; }

/* menu */

#menu { float: left; width: 100%; }
#menu h1 { padding: 10px 15px; }
#menu ul { float: right; padding: 15px 15px; }
#menu ul li { display: inline; }
#menu ul li#about, #menu ul li#advertise, #menu ul li#contact { margin: 0 0 0 15px; }

/* container */

#container { float: left; width: 100%; }
#container a.icon {margin:0 5px 0 0;}
#container .posts ul,
#container .sidebar ul { list-style: disc; line-height: 2em; padding: 0 0 0 20px; margin: 0 0 0 10px; }
#container .posts ul li { margin: 5px; }
#container .sidebar ul li { list-style: none; line-height: 2em; padding: 5px 0; margin: 2px 0; }
#container .posts ol,
#container .sidebar ol { line-height: 2.5em; padding: 10px 25px 0; margin: 0; }
#container .sidebar ul.fresh,
#container .sidebar ul.linkage { list-style: none; padding: 0; margin: 5px 0; }
#container .sidebar ul.fresh li,
#container .sidebar ul.linkage li { list-style: none; line-height: 2em; padding: 5px 10px; }

/* posts */

#container .posts { float: left; width: 525px; }
#container .posts p { line-height: 1.8em; padding: 0.5em 10px; margin: 0px; text-indent:2em; }
#container .posts p.ing, #container .posts p.commentinfo{ text-indent:0; }/* habari */
#container .posts blockquote { padding: 2px 10px; }
#container .posts ul li a,
#container .posts p a { padding: 3px 5px; margin: 0 1px; }
#container .posts .postinfo { margin: 5px 0; padding:5px 15px 25px 15px; }
#container .posts p.warn,
#container .posts .pointout { margin: 5px 0; padding:5px 15px; }
#container .posts .postinfo h2,
#container .posts .pointout h2 { padding: 0; margin: 5px 0; }
#container .posts p.postimage { margin: 0 0 10px 0;padding: 0 0 5px 0; }
#container .posts p.postimage img { display: block; }
#container .posts p.posttools { padding: 0 15px; }
#container .posts .postmeta { line-height: 1.5em; margin: 0; padding: 5px 15px; }
#container .posts p.ing { line-height: 1.5em; margin: 0; padding: 5px 10px; }
#container .posts .navigation { line-height: 2em; padding: 0 10px 25px 10px; margin: 5px 0; }
*html #container .posts p.ing { padding: 5px 10px; }

/* comments */

#comments { width:100%; margin:0; padding: 0; }
#commentheader { line-height: 2.25em; font-size: 120%; border-left: 3px solid #FD349E; padding: 5px 10px; }
#commentlist li { border-left: 3px solid #444; margin: 0 0 5px 5px; }
#commentlist li p { margin:0; padding: 0; }
#commentlist li.authorcomment { border-left: 3px solid #88BB4B; }
#postcomment, #commentform { margin-top:10px; }
#postcomment { margin-left:10px; }

/* sidebar */

.sidebar { float: left; width:450px; }
.leftsidebar { float: left; width: 260px; }
.rightsidebar { float: right; width: 190px; }
#container .sidebar h3 { padding: 5px 15px 0 15px; }
#container .sidebar p.addspace { padding: 0 0 10px 0; }
#container .sidebar p.addspace img { display: block; }
#container .sidebar p.columntitle { line-height: 1.5em; margin: 0; padding: 4px 15px; }

/* Nav */

.Nav { padding: 10px; margin: 5px; font-size: 11px; }
.Nav a, .Nav a:visited, .Nav a:hover, 
.Nav span, .Nav .on { padding: 5px 8px; }
.Nav a {margin-right:3px;}/* habari */

/* footer */

#footer { clear: both; padding: 0 10px;}
#footer p { padding: 5px 15px; line-height:1.5em; margin:-6px 0 0 0;}


/* +++++++++++++++++++++++++++++++ VIEW +++++++++++++++++++++++++

++ color +#2BC1E2+#FD349E+#F9C500 */

body { color: #BFCBCB; }
span.stronge, .Nav .on { color: #EEE; }
a:link, a:focus { color: #2BC1E2; }
big, a.icon { color: #88BB4B; }
a:active, a:visited,
#container .posts blockquote { color: #1188AA; }
a:hover, .warn, .Nav a.current-page { color: #FD349E; }/* habari */
input, textarea, select,
#menu h1 a:hover, #menu ul li a,
#menu ul li.page_item a { color: #2BC1E2; }
#menu h1 a,
#menu ul li.current_page_item a,
#menu ul li.page_item a:hover { color: #FD349E; }
#container .posts .postmeta { color: #FFF; }
#container .posts p.postinfo,
#container .posts p.pointout,
#container .sidebar ul.linkage li,
#container .posts ul.linkage li, .sidebar { color: #AABABA; }
#footer { color: #383838; }

/* background  */

body { background: #000; }
#wrapper { background: #202020; }
input, textarea, select { background: #111; }
#container .posts p a,
#container .sidebar ul li:hover,
#container .posts ul li a, .Nav a:hover,
#container .sidebar ul li.on,
#container .posts p a:hover,
#container .posts ul li a:hover,
#container .posts .postmeta,
#container .posts p.ing,
#container .posts p.warn,
#container .posts .postinfo,
#container .posts .pointout,
#container .posts .navigation,
#container .sidebar p.columntitle,
.Nav a, .Nav a:visited,
.Nav span, .Nav .on { background: #2a2a2a; }
#container .posts blockquote, #commentlist li, #commentheader,
#container .posts p.postimage { background: #282828; }
#container .sidebar ul li,
#container .sidebar ul li.off { background: #252525; }

/* border */

input, textarea, select { border: 1px solid #333; }
img { border: none; }
#menu ul li:hover { border-bottom: 3px solid #333; }
#container .posts .postinfo,
#container .posts .pointout { border-left: 3px solid #2BC1E2; }
#container .posts blockquote { border-top: 2px solid #2c2c2c; border-bottom: 2px solid #; }
#container .posts .navigation { border-left: 3px solid #444; }
#container .sidebar p.columntitle,
#container .posts .postmeta,
#container .posts p.ing { border-left: 3px solid #FD349E; }
#container .posts p.warn { border-left: 3px solid #94bb00; }
#container .posts ul.linkage li,
#container .sidebar ul { border-left: 3px solid #2a2a2a; }
.Nav a, .Nav a:visited, .Nav a:hover, 
.Nav span, .Nav .on { border: solid 1px #333; }
#header,#menu,#container{ border-bottom: 1px solid #000; }
#menu,#container,#footer { border-top: 1px solid #333; }

/* fonts */

@media screen {
BODY {font-size:10px; }
}
body, input, textarea, select { font: 90%/1 Tahoma, Arial, Helvetica, sans-serif; }
span.stronge, cite { font-weight: bold; font-size: 85%; }
h1, h2, h3, h4, h5, h6 { font-family: Trebuchet MS,Arial, Helvetica, sans-serif; 	font-size: 100%; font-weight: bold; }
big { font-size: 130%; }
#container .sidebar p.columntitle { font-size: 110%; }
#container .sidebar a.icon {  }
a:link, a:hover,
a:active,
a:visited { text-decoration: none; }
a:focus { outline: none; }
#header form input.submitbutton,
#header form input.textfield,
#container .posts p.postinfo,
#container .posts p.pointout,
#container .posts p.posttools.
#container .posts .postmeta,
#footer p { font-size: 90%; }
#header p, #menu h1,
#container .sidebar h3,
#container .posts .postinfo h2,
#container .posts .pointout h2 { font-weight: bold; }
#menu h1 { font-size: 220%; }
#menu ul { font-size: 180%; }
#container .sidebar ul.fresh li,
#container .posts ul.fresh li,
#container .sidebar ul.linkage li,
#container .posts ul.linkage li { font-size: 100%; }
#container .sidebar h3,#container .posts p.warn { font-size: 110%; }
#container .posts .postinfo h2,
#container .posts .pointout h2 { font-size: 150%; }
#footer { font-size: 90%; text-align: right; }
#footer p { text-align: center; }